@import '../../styles/variables.scss';

.qa-item {
  margin-top: 28rpx;
  padding: 34rpx 32rpx;
  border-radius: 26rpx;
  background: $white;
  border: $border-width solid $border-color;
  
  &-title {
    font-size: 28rpx;
    font-weight: 500;
    color: $text-color;
  }
  
  &-divider {
    margin-top: 26rpx;
    border-bottom: 2.8rpx dashed $text-color;
  }
  
  &-author {
    margin-top: 30rpx;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    
    &-avatar {
      width: 44rpx;
      height: 44rpx;
      border-radius: 100%;
      border: 2.8rpx solid $text-color;
    }
    
    &-name {
      margin-left: 12rpx;
      font-size: 24rpx;
      font-weight: 400;
      color: rgba(102, 102, 102, 1);
    }
  }
  
  &-content {
    margin-top: 16rpx;
    height: 82rpx;
    overflow: hidden;
    
    text {
      font-size: 28rpx;
      font-weight: 400;
      color: $text-color;
    }
  }
  
  &-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 28rpx;
    height: 36rpx;
    margin-top: 28rpx;
    
    text {
      font-size: 24rpx;
      font-weight: 400;
      color: rgba(51, 51, 51, 1);
    }
  }
}